<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>身体健康指标管理</title>
<%@ include file="/common/meta.jsp" %>
<link href="${ctx}/css/yui.css" type="text/css" rel="stylesheet"/>
<link href="${ctx}/css/style.css" type="text/css" rel="stylesheet"/>
<script src="${ctx}/js/table.js" type="text/javascript"></script>
<script src="${ctx}/js/health/physicalHealthIndex.js" type="text/javascript"></script> 
<style type="text/css">
#customers
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  }

#customers td, #customers th 
  {
  font-size:1em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
  }

#customers th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  text-align:center;
  background-color:#A7C942;
  color:#ffffff;
  }

#customers tr.alt td 
  {
  color:#000000;
  background-color:#EAF2D3;
  }
</style>

</head>
<body>
<table width="700" class="noborder">
	<tr>
	<td align="left" ><div style="font-family:Arial;font-size:15px;font-weight:bold;font-style:normal">当前位置：健康管理--身体健康指标管理</div> </td>
	</tr>
</table>
<form id="phiMainForm"  action="physical-health-index.action"  method="get">
    <input type="hidden" name="page.pageNo" id="pageNo" value="${page.pageNo}"/>
	<input type="hidden" name="page.orderBy" id="orderBy" value="${page.orderBy}"/>
	<input type="hidden" name="page.order" id="order" value="${page.order}"/>
	<s:hidden name="id" id="id"></s:hidden>	
        <table width="80%" class="noborder">
	     <tr>
	         <td align="left"   valign="middle">年级：<s:select cssStyle="width:100px" theme="simple" value="%{pageGrade}" emptyOption="true" name="pageGrade" list="clazzList"/></td>
		     <td align="center" valign="middle">适用上限：<input type="text" name="pageLowerLimitAge" value="${pageLowerLimitAge}" size="14"/></td>		     
	    	 <td align="right"  valign="middle">适用下限：<input type="text" name="pageUpperLimitAge" value="${pageUpperLimitAge}" size="14"/></td>
	    </tr>
	     <tr>
	          <td align="left"   valign="middle">性别：<s:select cssStyle="width:100px" theme="simple" value="%{pageGender}" name="pageGender" headerKey="-1" headerValue="全部" list="#{1:'男',2:'女'}"/></td>
	          <td align="center" valign="middle">健康指标：<s:select cssStyle="width:120px" theme="simple" value="%{pageIndexType}" listKey="id" name="pageIndexType" headerKey="-1" headerValue="全部" listValue="term" list="IndexaTypeList"/></td>
		      <td align="right" colspan="2"  valign="middle"><input onclick="list()" type="button" value="查询" />&nbsp;&nbsp; <input type="button"  onclick="save()" value="保存" /></td>
	    </tr>
    </table>
   <br />
    <div id="content">
		<table width="80%" border="1" id="customers">
			<tr>
				<th>年级</th>
				<th>年龄段</th>
				<th>性别</th>
				<th>健康指标类型</th>
				<th>指标值</th>
				<th>最后修改时间</th>
				<th>最后修改人</th>
				<th>操作</th>
			</tr>
			<s:iterator value="list">
			        <input type="hidden" name="gender" value="${gender}"/> 
					<tr class="alt" id="index" onclick="javascript:clcikTr(${id})"  > 
						<td>${grade}</td>
						<td>${lowerLimitAge} - ${upperLimitAge} </td>
						<td><s:if test="gender == 0">男</s:if><s:else>女</s:else></td>
						<td>${indexType.term}</td>
						<td>${indexValue}</td>
						<td><s:date name="lastModified"   format='yyyy-MM-dd'/></td>
						<td>张三</td>
						<td><a href="physical-health-index!delete.action?id=${id}">删除</a></td>
					</tr>
			</s:iterator>
		</table>	
	</div>
	<p></p>
	<table width="80%" class="noborder">
	  <tr>
		    <td colspan="2"  align="right" >第1页, 共${page.totalPages}页
				<a href="javascript:phyhJumpPage(1)">首页</a>
				<s:if test="page.hasPre"><a href="javascript:phyhJumpPage(${page.prePage})">上一页</a></s:if>
				<s:if test="page.hasNext"><a href="javascript:phyhJumpPage(${page.nextPage})">下一页</a></s:if>
				<a href="javascript:phyhJumpPage(${page.totalPages})">末页</a>
			</td>
	  </tr>
	</table> 
</form>
</body>
</html>